$(function() {
				var itemsId=parseQueryString().itemsId;
				v_list = new Vue({
					el: '#guide-detail',
					data: {
						serId: parseQueryString().serId,
						cailiaoList: [],
						itemsId:itemsId,
						repertoryBase:[],
						yangBenPic:"",
						liuChengPic:"",
						materialName:[]
					},
					methods: {
						//获取事项详情
						detail: function() {
							this.$http.get(guide.detail, {
								itemsId:itemsId
							}).then(function(res) {
								//接收后端传来的数据
								doMask();
								console.log(toJson(res.data));
								if(res.data.success) {
									unMask();
									this.repertoryBase = res.data.data.repertoryBase;
									this.yangBenPic = res.data.data.yangBenPic;
									this.materialName = res.data.data.materialName;
									this.liuChengPic = res.data.data.liuChengPic;
								}else{
									unMask();
									showRedMsg("message", "抱歉，服务器偷懒了~");
								}
							}, function(res) {
								unMask();
								console.log("指南详情:" + toJson(res.data));
								showRedMsg("message", "抱歉，服务器偷懒了~");
							});
						},
						
						back: function() {
							history.go(-1)
						},
						changeview: function(type) {
							console.log(type);
							$(".search_tab .tabBar ul li").eq(type).addClass("current").siblings().removeClass("current");
							if(type == '0') {
								document.getElementById('first').scrollIntoView();
							} else if(type == '1') {
								document.getElementById('second').scrollIntoView();
								$(".search_tab .tab_detail").scrollTop()=(-440+"px");
								alert($(".search_tab .tab_detail").scrollTop())

							} else if(type == '2') {
								document.getElementById('third').scrollIntoView();

							} else {
								document.getElementById('four').scrollIntoView();

							}
//							alert($(".tab_detail_info").scrollTop())
						},
						scrollview: function() {
							var h = parseInt($(".bs_tab .search_tab .tabCon").css("height")) - 90 - 45;
							var height1 = $("#first").height();
							var height2 = $("#second").height();
							var height3 = $("#third").height();
							var height4 = $("#four").height();
							var h_tab = -($(".tab_detail_info").position().top );
							var h_title= $(".tab_detail_info .title").height();
							if(h_tab<= h_title) {
								$(".search_tab .tabBar ul li").eq(0).addClass("current").siblings().removeClass("current");
								console.log( "height1:"+height1)
								console.log(h_tab)
							} else if(h_tab<=(height2+h_title)&&h_tab>h_title) {
								$(".search_tab .tabBar ul li").eq(1).addClass("current").siblings().removeClass("current");
							} else if(h_tab<=(height3+height2+h_title)&&h_tab>(height2+h_title)){
								$(".search_tab .tabBar ul li").eq(2).addClass("current").siblings().removeClass("current");
							}else{
								$(".search_tab .tabBar ul li").eq(3).addClass("current").siblings().removeClass("current");
							}
//							else if($(".tab_detail_info").position().top > (height2+height3) && $(".tab_detail_info").position().top <= (height2+height3+height4)) {
//								$(".search_tab .tabBar ul li").eq(2).addClass("current").siblings().removeClass("current");
//
//							} else if($(".tab_detail_info").position().top >(height2+height3+height4)) {
//								$(".search_tab .tabBar ul li").eq(3).addClass("current").siblings().removeClass("current");
//							}

						}
					},
					ready: function() {
						//初始化获得总页面数和列表数据
						this.detail();
						$("#left").load("../../page/common/left.html")
					}
				});
				v_list.$watch('repertoryBase', function(val) {
					$("#four .img_info").html(v_list.yangBenPic)
				})
			})
